<script type="text/javascript">


	$(document).ready(function() {  
            $("#pager").pager({ pagenumber: ${pager.pageNumber}, pagecount: ${pager.pageCount}, buttonClickCallback: PageClick });  
        });

	PageClick = function(pageclickednumber) {  
				//alert($("#pageSize").val());
				$.ajax({
                    type: "post",
                    url: "productList",
                    dataType: "json",
                    data:{pageNumber:pageclickednumber},
                    complete:function(){location.href ="?pageNumber="+pageclickednumber+"&pageSize="+$("#pageSize").val()}
                });
            $("#pager").pager({ pagenumber: pageclickednumber, pagecount:${pager.pageCount}, buttonClickCallback: PageClick });  
        }
</script>
<span id="pager"></span>
<input type="hidden" name="pager.pageNumber" id="pageNumber" value="${pager.pageNumber}" />
<input type="hidden" name="pager.orderBy" id="orderBy" value="${pager.orderBy}" />
<input type="hidden" name="pager.orderType" id="order" value="${pager.orderType}" />